* {
    padding: 0;
    margin: 0;
    // list-style: none;
    text-decoration: none;
  }

html{
    font-size: 16px;
}

// header开始

  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }
  .carousel-inner{
      width: 100%;
      img{
          width: 100%;
      }
  }

  main{
    //   公司简介
      .jj{
          .jj_con{
              padding: 0;
              .jj_row{
                  position: relative;
                  margin: 4.375rem 0;
                  .l{
                      h4{
                          font-size: 1.3125rem;
                          margin: 2.1875rem 0;
                      }
                      p{
                          text-indent: 2rem;
                          line-height:1.5rem;
                      }

                  }
                  .r{
                    
                      img{
                        margin-top: 8rem;
                        width: 100%;
                      }
                  }
              }
          }
      }
    //   招聘
    .zp{
        background-color: #8cc11f;
        .zp_con{
            padding: 0;
            .zp_row{
                margin: 5.625rem 0;
                .title{
                    h1{
                        color: #fff;
                        margin-bottom: 3.75rem;
                    }
                }
                // 左，右
                .l,.r{
                    p{
                        color: #fff;
                    }
                }
                .r{
                    p{
                      
                        &:nth-child(2){
                            background-color: #fff;
                            width: 13.6875rem;
                            height: 3rem;
                            text-align: center;
                            line-height: 3rem;
                            border-radius: .3125rem;
                            a{
                                color: #8cc11f;
                                font-size: 1.5rem;
                                text-decoration: none;
                            }
                        }
                    }
                }
            }
        }
    }
    // 岗位
    .gw{
       
        .gw_con{
            border-bottom:1px solid #d2d2d2 ;
            .gw_row{
                margin: 4.0625rem auto;
                   h3{
                    color: #8cc11f;
                    margin-bottom: 1.875rem;
                   }
                   .m{
                       ol{
                           li{
                               line-height: 2rem;
                               font-size: .875rem;
                           }
                       }
                   }
            }
        }
         // 安卓去除边框
         .and{
            border-bottom:none ;
        }
    }
    // 联系方式
    .cus{
        background-color: #f4f4f4;

        .cus_con{
            .cus_row{
                margin-bottom: 3.75rem;
                .title{
                    h1{
                        margin: 2.625rem 0;
                    }
                }
                .l,.r{
                    p{
                        display: flex;
                        align-items: center;
                        width: 100%;
                        background-color: #fff;
                        border-radius: .3125rem;
                        border: 1px solid #e3e3e3;
                        img{
                            margin: 1rem;
                        }

                    }
                }
           
            }
        }
    }
  }



   //  尾部
   footer{
    //底部联系
    .bt{
      background-color: #3b3b3b;
        .bt_con{
          .bt_row{
           //  联系
            .txt{
              margin: 1.875rem 0;
              p{
                color: #9798a0;
                a{
                color: #9798a0;
                }
                &:first-child{
                  font-size: .875rem;
                }
                &:last-child{
                  font-size: .75rem;
                }
              }
            }
          }
         //  二维码
          .bt_pic{
            margin-top:2.3125rem;
              text-align: right;
            img{
              &:first-child{
                  &:hover+img{
                    display: block;
                  }
              }
              &:nth-child(3){
                margin: 0 0.8rem;
                &:hover +img {
                  display: block ;
                }
              }
              &:nth-child(5){
                &:hover+img{
                  display: block;
                }
              }

             //  隐藏
              &:nth-child(2){
               position: absolute;
               bottom: 40px;
               right: 69px;
               display: none;
              }
              &:nth-child(4){
               position: absolute;
               bottom: 40px;
               right: 15px;
               display: none;
              }
              &:last-child{
               position: absolute;
               bottom: 40px;
               right: -40px;
               display: none;
              }
            }
          
          }
        }
    }
 }
  

  // ipad端 >= 768px   < 992px
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .navbar {
          margin-bottom: 0;
        }
        // 语言
        #navbar {
          .dropdown {
            position: absolute;
            top: 0;
            right: 80px;
          }
        }
      }
    }
    main{
      // 简介
      .jj{
        .jj_con{
          .jj_row{
            margin:.5rem 0;
          }
        }
      }
      // 招聘
      .zp{
        .zp_con{
          .zp_row{
            margin: 0;
            margin-bottom: 1rem;
            .title{
              h1{
                margin: 1.5625rem 0;
              }
            }
          }
        }
      }
      // 岗位
      .gw{
        .gw_con{
        .gw_row{
          margin: 1rem 0;
        }
        }
      }
      //联系方式
      .cus{
        .cus_con{
          .cus_row{
            margin-bottom: 1rem;
            .title{
              h1{
                margin: 1rem 0;
              }
            }
          }
        }
      }
    }
    footer{
        // 底部联系
        .bt{
         .bt_con{
           .bt_row{
            .ewm{
              width: 50%;
            } 
            img{
              &:nth-child(2){
                right:94px;
              }
              &:nth-child(4){
               right:40px;
             }
             &:last-child{
               right:-12px;
             }
            }
           }
         }
       }
     }
}


 // 移动端 < 768px
 @media screen and (max-width: 767px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .container {
          .navbar {
            margin-bottom: 0;
          }
          // 语言
          #navbar {
            position: absolute;
            left: 0;
            top: 50px;
            background-color: #222;
            width: 100vw;
          
          }
        }
      }
      
  }
  main{
    //   公司简介
      .jj{
          .jj_con{
              .jj_row{
                .l{
                  h1{
                    font-size: 1.5rem;
                  }
                  h4{
                    font-size: 1rem;
                    line-height: 1.3rem;
                  }
                }
                  margin: 0;
                  .l{
                      h4{
                          margin: 1.25rem 0;
                      }
                  }
              }
          }
      }
    //   招聘
      .zp{
          .zp_con{
              .zp_row{
                  margin: 0;
                  .title{
                      h1{
                          margin:1.25rem 0;
                          font-size: 1.5rem;
                      }
                  }
              }
          }
      }
    //   岗位
      .gw{
          .gw_con{
              .gw_row{
                  margin: 0;
                  h3{
                      margin: 1.25rem;
                  }
              }
          }
      }
    //   联系方式
    .cus{
        .cus_con{
          padding: 0;
            .cus_row{
              margin: 0;
               .title{
                   h1{
                       margin:1rem 0;
                       font-size: 1.5rem;
                   }
               }
               .l,.r{
                   p{
                       width: 100%;
                       height: 100%;
                       img{
                           width: 15%;
                           margin: .625rem;
                       }
                   }
               }
            }
        }
    }
  }


  // 尾部
  footer{
    //底部联系
    .bt{
     .bt_con{
       .bt_row{
         .txt{
           margin: 1rem  0;
           p{
            
               margin-bottom: 0;
           }
         }
         .bt_pic{
           margin-top: 20px;
          .pic1{
            width: 20%;
          }
           .ewm{
             width:30%;
           }
           img{
             &:last-child{
               bottom: 28px;
               right: 3px;
             }
             &:nth-child(2){
               bottom:28px;
               right: 86px;
             }
             &:nth-child(4){
               bottom: 28px;
               right: 46px;
             }
           }
            
            
         }
       }
     }
   }
}
}
  